.vk-icon {
  --vk-icon-color: inherit;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  fill: currentColor;
  color: var(--vk-icon-color);
  font-size: inherit;
}

@each $val in primary,info,success,warning,danger {
  .vk-icon--$(val) {
    --vk-icon-color: var(--vk-color-$(val));
  }
}
/**
  上面@each代码编译后的结果如下：
  .vk-icon--primary {
    --vk-icon-color: var(--vk-color-primary);
  }
  .vk-icon--info {
    --vk-icon-color: var(--vk-color-info);
  }
  .vk-icon--success {
    --vk-icon-color: var(--vk-color-success);
  }
  .vk-icon--warning {
    --vk-icon-color: var(--vk-color-warning);
  }
  .vk-icon--danger {
    --vk-icon-color: var(--vk-color-danger);
  }
*/
